<template>
	<div>
		<ul>
			<li v-for="(v,i) in this.$store.state.homenav" :key="i">
				<span :class="v.class"></span>
				<p>{{v.title}}</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		created(){
			this.$store.dispatch("homenavaxios")
		}
	}
</script>

<style scoped="scoped" lang="scss">
	ul{
		height: 1.4rem;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		li{
			width: 20%;
			height: 0.7rem;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		span{
			font-size: 0.24rem;
		}
		p{
			font-size: 0.12rem;
			padding-top: 0.05rem;
		}
	}
</style>
